<!DOCTYPE html>
<html>

<head>

	<title> Add Source </title>
	<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
	        <link rel=StyleSheet href="style.css"/>

	<script src="sourcejavascript.js" type="text/javascript"></script>
	<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
	<script type="text/javascript">
	window.onload = function(){
		new JsDatePick({
			useMode:2,
			target:"inputField",
			dateFormat:"%m/%d/%Y",
			imgPath:"img/",
			cellColorScheme:"armygreen",
			/*selectedDate:{				This is an example of what the full configuration offers.
				day:5,						For full documentation about these settings please see the full version of the code.
				month:9,
				year:2006
			},
			yearsRange:[1978,2020],
			limitToToday:false,
			cellColorScheme:"beige",
			dateFormat:"%m-%d-%Y",
			imgPath:"img/",
			weekStartDay:1*/
		});
	};
</script>
    
</head>

<body>
	
	 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"></div>

	<nav class="NavBar">
		<ul>
        	<li>
        		<a class= "Volunteer " href="volunteer.html"> Volunteers</a>
        		 <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
			<li>
				<a class= "Events" href="events.html"> Events</a>
				<ul>
					<li><a href="events.html" title="Search"> Search </a></li>
					<li><a href="addevents.html" title="Edit"> Edit </a></li>
				</ul>
			</li>

        	<li><a class= "Plants" href="plants.html"> Plants</a>
        		<ul>
					<li><a href="plants.html" title="Search"> Search </a></li>
					<li><a href="addplants.html" title="Edit"> Edit </a></li>
				</ul>
			</li>
			<li>
				<a class= "Source highlighted" href="source.html"> Source</a>
				<ul>
					<li><a href="source.html" title="Search"> Search </a></li>
					<li><a href="addsource.html" title="Edit"> Edit </a></li>
				</ul>
			</li>		
        </ul>
    </nav>


   <table id="input_table" class="top_200" border="1">
    	<thead>
    		<tr>
    			<th>Last Name</th>
    			<th>First Name</th>
    			<th>Age</th>
    			<th>Number of Hours</th>
    		</tr>
    	</thead>
		<tbody>
			<tr >
				<td>
					<input name="last_name1" id="last_name1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>

				<td >
					<form>
						<input name="first_name1" id="first_name1" type="text"  size="32"/>
					</form>					
         		</td>
				<td>
					<input name="age1" id="age1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
				<td>
					<input name="Number_of_Hours1" id="Number_of_Hours1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
            
        </tbody>
	
</table>
		<button id="addbutton">Add</button>

  		  <input type="submit" name="btnG" value="Submit" />
    	  <input type="submit" name="btnG" value="Clear" />
</div>
</body>

</html>